<template>
  <div>
    <!-- 作用:都可以用来控制标签的显示或隐藏 -->
    <!-- 区别:v-show通过样式控制显示隐藏,但是DOM结构还在  频繁切换建议用v-show-->
    <!-- v-if通过删除DOM结构来实现隐藏  -->
    <h1 v-show="isShow">你看不到我</h1>
    <h1 v-if="age > 18">你也看不到我</h1>

    <h1 v-else-if="age == 18">我十八</h1>

    <h1 v-else>你看得到我吗?</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      age: 18,
      isShow: true,
    };
  },
};
</script>

<style>
</style>